<template>
  <view class="privacy-policy-container">
    <!-- 导航栏 -->
    <view class="nav-header">
      <view class="nav-back" @click="goBack">
        <text class="back-icon">‹</text>
      </view>
      <view class="nav-title">隐私协议</view>
      <view class="nav-placeholder"></view>
    </view>

    <!-- 内容区域 -->
    <scroll-view class="content-wrapper" scroll-y="true">
      <view class="privacy-content">
        <view class="privacy-intro">
          <text class="intro-text">
            吏简（以下简称"本平台"）高度重视用户隐私保护。本《隐私协议》（以下简称"本协议"）旨在向您说明我们如何收集、使用、存储和保护您的个人信息。请仔细阅读并充分理解本协议内容。如您不同意本协议的任何条款，请立即停止使用本平台服务。
          </text>
        </view>

        <!-- 一、信息收集 -->
        <view class="section">
          <view class="section-title">一、信息收集</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">1.1 为提供线上签约电子合同服务，本平台将收集以下个人信息：</text>
              <view class="list-item">
                <text class="list-text">身份信息：包括姓名、身份证号码、活体认证数据等；</text>
              </view>
              <view class="list-item">
                <text class="list-text">支付信息：包括微信支付账号、交易记录等；</text>
              </view>
              <view class="list-item">
                <text class="list-text">合同信息：包括合同内容、签署记录等。</text>
              </view>
            </view>
            <view class="subsection">
              <text class="subsection-title">1.2 本平台可能通过以下方式收集信息：</text>
              <view class="list-item">
                <text class="list-text">用户主动提供的信息；</text>
              </view>
              <view class="list-item">
                <text class="list-text">用户使用服务过程中产生的信息；</text>
              </view>
              <view class="list-item">
                <text class="list-text">从合法渠道获取的第三方信息。</text>
              </view>
            </view>
          </view>
        </view>

        <!-- 二、信息使用 -->
        <view class="section">
          <view class="section-title">二、信息使用</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">2.1 本平台将基于以下目的使用您的个人信息：</text>
              <view class="list-item">
                <text class="list-text">提供线上签约电子合同服务；</text>
              </view>
              <view class="list-item">
                <text class="list-text">验证用户身份，确保服务安全性；</text>
              </view>
              <view class="list-item">
                <text class="list-text">处理用户支付及交易记录；</text>
              </view>
              <view class="list-item">
                <text class="list-text">优化服务功能，提升用户体验；</text>
              </view>
              <view class="list-item">
                <text class="list-text">遵守法律法规及监管要求。</text>
              </view>
            </view>
            <view class="subsection">
              <text class="subsection-title">2.2 未经用户同意，本平台不会将个人信息用于其他用途。</text>
            </view>
          </view>
        </view>

        <!-- 三、信息存储与保护 -->
        <view class="section">
          <view class="section-title">三、信息存储与保护</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">3.1 本平台将采取合理的技术和管理措施保护您的个人信息安全。</text>
            </view>
            <view class="subsection">
              <text class="subsection-title">3.2 您的个人信息将存储于中华人民共和国境内。如需跨境传输，本平台将依法履行相关手续。</text>
            </view>
            <view class="subsection">
              <text class="subsection-title">3.3 本平台将根据法律法规要求保存您的个人信息，超出保存期限后将予以删除或匿名化处理。</text>
            </view>
          </view>
        </view>

        <!-- 四、信息共享与披露 -->
        <view class="section">
          <view class="section-title">四、信息共享与披露</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">4.1 本平台不会向第三方共享或披露您的个人信息，除非：</text>
              <view class="list-item">
                <text class="list-text">获得您的明确授权；</text>
              </view>
              <view class="list-item">
                <text class="list-text">为履行法律法规或监管要求；</text>
              </view>
              <view class="list-item">
                <text class="list-text">为保护本平台、用户或公众的合法权益。</text>
              </view>
            </view>
            <view class="subsection">
              <text class="subsection-title">4.2 本平台可能与第三方合作提供服务，但将要求其严格遵守本协议及保密义务。</text>
            </view>
          </view>
        </view>

        <!-- 五、用户权利 -->
        <view class="section">
          <view class="section-title">五、用户权利</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">5.1 您有权访问、更正、删除您的个人信息，或要求限制其使用。</text>
            </view>
            <view class="subsection">
              <text class="subsection-title">5.2 您有权撤回对本协议的个人信息处理授权，但可能影响服务使用。</text>
            </view>
            <view class="subsection">
              <text class="subsection-title">5.3 您可通过本平台提供的联系方式行使上述权利。</text>
            </view>
          </view>
        </view>

        <!-- 六、协议变更 -->
        <view class="section">
          <view class="section-title">六、协议变更</view>
          <view class="section-content">
            <view class="subsection">
              <text class="subsection-title">6.1 本平台有权根据需要修改本协议，修改后的协议将在平台上公示并生效。</text>
            </view>
            <view class="subsection">
              <text class="subsection-title">6.2 如您继续使用本平台服务，即视为同意修改后的协议。</text>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup>
import { ref } from 'vue'

// 返回上一页
const goBack = () => {
  uni.navigateBack({
    delta: 1
  })
}

// 页面标题设置
uni.setNavigationBarTitle({
  title: '隐私协议'
})
</script>

<style lang="scss" scoped>
.privacy-policy-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #f8f9fa;
}

.nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88rpx;
  padding: 0 32rpx;
  background-color: #ffffff;
  border-bottom: 1rpx solid #e5e5e5;
  position: sticky;
  top: 0;
  z-index: 100;
}

.nav-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60rpx;
  height: 60rpx;
  cursor: pointer;
}

.back-icon {
  font-size: 36rpx;
  color: #333333;
  font-weight: bold;
}

.nav-title {
  font-size: 36rpx;
  font-weight: 600;
  color: #333333;
}

.nav-placeholder {
  width: 60rpx;
}

.content-wrapper {
  flex: 1;
  height: calc(100vh - 88rpx);
}

.privacy-content {
  padding: 40rpx 32rpx;
  background-color: #ffffff;
  margin: 20rpx;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}

.privacy-intro {
  margin-bottom: 40rpx;
  padding: 24rpx;
}

.intro-text {
  font-size: 28rpx;
  line-height: 1.6;
  color: #333333;
  text-align: justify;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: 32rpx;
  font-weight: 600;
  color: #333333;
  margin-bottom: 24rpx;
  padding-bottom: 12rpx;
}

.section-content {
  padding-left: 20rpx;
}

.subsection {
  margin-bottom: 24rpx;
}

.subsection-title {
  font-size: 28rpx;
  color: #333333;
  line-height: 1.6;
  margin-bottom: 16rpx;
  display: block;
  text-align: justify;
}

.list-item {
  margin-bottom: 12rpx;
  padding-left: 24rpx;
  position: relative;
}



.list-text {
  font-size: 26rpx;
  color: #666666;
  line-height: 1.5;
  text-align: justify;
}

/* 响应式设计 */
@media screen and (max-width: 750rpx) {
  .privacy-content {
    margin: 10rpx;
    padding: 30rpx 24rpx;
  }
  
  .section-title {
    font-size: 30rpx;
  }
  
  .subsection-title {
    font-size: 26rpx;
  }
  
  .list-text {
    font-size: 24rpx;
  }
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
</style>